.index {
  width: 95%;
  margin: auto;

  & > view:nth-child(n) {
    margin-bottom: 10px;
    background: white;
  }

  .swiper {
    width: 100%;
    border-radius: 20rpx;
    overflow: hidden;

    swiper {
      height: 170px;
      
      .swiper-item {
        width: 100%;

        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }

  .method {
    display: flex;
    width: 100%;

    & > view:nth-child(n) {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50%;
      height: 175px;

      .iconfont {
        margin-top: 10px;
        font-size: 60px;
        color: rgb(220, 230, 195);
      }

      .text {
        font: normal 700 17px "微软雅黑";
      }
    }

    .TakeAway {
      border-right: 1px solid #c5b0b0;
    }
  }
}
